<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="shortcut icon" href="../img/小图标.png">
    <title>崩崩学习网</title>
</head>

<body">
    <!-- 头部 -->
    <div class="header w">
        <!-- logo -->
        <div class="logo">
            <img src="./img/小标.png" alt="">
        </div>
        <!--  导航栏 -->
        <div class="nav">
            <ul>
                <li><a href="../index.html">首页</a></li>
                <li><a href="">课程</a></li>
                <li><a href="https://www.bilibili.com/video/BV1yN3FefE9o/?spm_id_from=333.999.0.0">讲解视频</a></li>
            </ul>
        </div>
        <!-- 搜索 -->
        <div class="search">
            <input type="text">
            <button></button>
        </div>
        <!-- 用户 -->
        <div class="user">
            <a href="../期末(1)/index01.html">注册|登录</a>
        </div>
    </div>
    <div class="banner1" id="banner">
        <img src="./img/大图.jfif" alt="">
    </div>


    <div id="containter">
        <aside class="sidebar">
            <div class="sidebox-recommend">
                <h2>热门课程</h2>
                <div class="tag">
                    <ul>
                        <li>Python</li>
                        <li>网页设计</li>
                        <li>软件测试</li>
                        <li>移动客户端</li>
                        <li>MySQL</li>
                        <li>程序设计</li>
                        <li>C语言</li>
                        <li>JavaScript</li>
                        <li>Web</li>
                    </ul>
                </div>
            </div>

            <div class="sidebox hot">
                <h2>热门课程推荐</h2>
                <div>
                    <figure>
                        <img src="./img/热门课程1.jpg" />
                        <figcaption>JavaScript</figcaption>
                    </figure>
                    <figure>
                        <img src="./img/热门课程2(1).jpg" />
                        <figcaption>网页设计技术</figcaption>
                    </figure>
                    <figure>
                        <img src="./img/热门课程02(1).jpg" />
                        <figcaption>数据库应用</figcaption>
                    </figure>
                    <figure>
                        <img src="./img/热门课程03(1).jpg" />
                        <figcaption>JavaWeb</figcaption>
                    </figure>
                    <figure>
                        <img src="./img/热门课程04(1).jpg" />
                        <figcaption>软件测试</figcaption>
                    </figure>
                    <figure>
                        <img src="./img/热门课程05(1).jpg" />
                        <figcaption>移动客户端应用</figcaption>
                    </figure>
                    <figure>
                        <img src="./img/热门课程06(1).jpg" />
                        <figcaption>C语言</figcaption>
                    </figure>
                    <figure>
                        <img src="./img/热门课程07(1).jpg" />
                        <figcaption>MySQL</figcaption>
                    </figure>

                </div>
            </div>
        </aside>

        <div class="list">
            <div class="infor">
                <ul class="left">
                    <li><a href="">限时特价</a></li>
                    <li><a href="">热门推荐</a></li>
                </ul>
                <ul class="right">
                    <li><a href="" class="checked">推荐</a></li>
                    <li><a href="">折扣</a></li>
                    <li><a href="">价格</a></li>
                </ul>
            </div>
            <div>
                <figure class="content">
                    <img src="./img/5008.jpg" alt="">
                    <figcaption>
                        <header>
                            <hgroup>
                                <h2>Python基础篇+提高篇</h2>
                                <h3>悄咪咪学会Python</h3>
                            </hgroup>
                        </header>
                        <div class="buy">
                            <div class="price">¥<strong>2500</strong></div>
                            <div class="now"><a href="">立即抢购</a></div>
                        </div>
                        <div class="type">热门课程</div>
                        <div class="desc">4.7折</div>
                        <footer>
                            活动截止时间<time>2024-6-30</time>
                        </footer>
                    </figcaption>
                </figure>
                <figure class="content">
                    <img src="./img/课程图片5.jpg" alt="">
                    <figcaption>
                        <header>
                            <hgroup>
                                <h2>web前端开发</h2>
                                <h3>学吧，一学一个不吱声</h3>
                            </hgroup>
                        </header>
                        <div class="buy">
                            <div class="price">¥<strong>2300</strong></div>
                            <div class="now"><a href="">立即抢购</a></div>
                        </div>
                        <div class="type">热门课程</div>
                        <div class="desc">3.8折</div>
                        <footer>
                            活动截止时间<time>2024-6-30</time>
                        </footer>
                    </figcaption>
                </figure>
                <figure class="content">
                    <img src="./img/课程图片2.jpg" alt="">
                    <figcaption>
                        <header>
                            <hgroup>
                                <h2>数据库应用</h2>
                                <h3>学会后别人就觉得你可帅</h3>
                            </hgroup>
                        </header>
                        <div class="buy">
                            <div class="price">¥<strong>2550</strong></div>
                            <div class="now"><a href="">立即抢购</a></div>
                        </div>
                        <div class="type">热门课程</div>
                        <div class="desc">5折</div>
                        <footer>
                            活动截止时间<time>2024-6-30</time>
                        </footer>
                    </figcaption>
                </figure>
                <figure class="content">
                    <img src="./img/课程图片3.jpg" alt="">
                    <figcaption>
                        <header>
                            <hgroup>
                                <h2>网页设计</h2>
                                <h3>给自己设计个三丽鸥页面装甜妹</h3>
                            </hgroup>
                        </header>
                        <div class="buy">
                            <div class="price">¥<strong>2340</strong></div>
                            <div class="now"><a href="">立即抢购</a></div>
                        </div>
                        <div class="type">热门课程</div>
                        <div class="desc">5.5折</div>
                        <footer>
                            活动截止时间<time>2024-6-30</time>
                        </footer>
                    </figcaption>
                </figure>
                <figure class="content">
                    <img src="./img/课程图片1.jpg" alt="">
                    <figcaption>
                        <header>
                            <hgroup>
                                <h2>C语言程序设计</h2>
                                <h3>C语言让你学无止境喔</h3>
                            </hgroup>
                        </header>
                        <div class="buy">
                            <div class="price">¥<strong>2680</strong></div>
                            <div class="now"><a href="">立即抢购</a></div>
                        </div>
                        <div class="type">热门课程</div>
                        <div class="desc">4.3折</div>
                        <footer>
                            活动截止时间<time>2024-6-30</time>
                        </footer>
                    </figcaption>
                </figure>
                <figure class="content">
                    <img src="./img/课程图片2.jpg" alt="">
                    <figcaption>
                        <header>
                            <hgroup>
                                <h2>JavaScript</h2>
                                <h3>学海无涯苦作舟</h3>
                            </hgroup>
                        </header>
                        <div class="buy">
                            <div class="price">¥<strong>2180</strong></div>
                            <div class="now"><a href="">立即抢购</a></div>
                        </div>
                        <div class="type">热门课程</div>
                        <div class="desc">2.8折</div>
                        <footer>
                            活动截止时间<time>2024-6-30</time>
                        </footer>
                    </figcaption>
                </figure>
                <figure class="content">
                    <img src="./img/课程图片5.jpg" alt="">
                    <figcaption>
                        <header>
                            <hgroup>
                                <h2>移动客户端</h2>
                                <h3>学习如赶路，不能慢一步</h3>
                            </hgroup>
                        </header>
                        <div class="buy">
                            <div class="price">¥<strong>3888</strong></div>
                            <div class="now"><a href="">立即抢购</a></div>
                        </div>
                        <div class="type">热门课程</div>
                        <div class="desc">7.5折</div>
                        <footer>
                            活动截止时间<time>2024-6-30</time>
                        </footer>
                    </figcaption>
                </figure>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="box w">
            <div class="left">
                <img src="./img/logo.png" alt="">
                <p>崩崩学习网致力于为广大学生提供更多学习资源，光学不累。<br>
                    © 别卷奥</p>
                <a href="https://gitee.com/mio-K_ON/main/tree/master/">我们の小屋</a>

            </div>
            <div class="right">
                <dl>
                    <dt>关于崩崩网</dt>
                    <dd><a href="#">关于我们</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                    <dd><a href="#">客服</a></dd>
                    <dd><a href="#">客户反馈</a></dd>
                    <dd><a href="#">帮助中心</a></dd>
                </dl>
            </div>
            <div class="right">
                <dl>
                    <dt>新手指南</dt>
                    <dd><a href="#">如何注册</a></dd>
                    <dd><a href="#">如何选课</a></dd>
                    <dd><a href="#">如何在大学生存</a></dd>
                    <dd><a href="#">如何一秒起床</a></dd>
                    <dd><a href="#">如何快速入睡</a></dd>
                </dl>
            </div>
            <div class="right">
                <dl>
                    <dt>加入我们</dt>
                    <dd><a href="#">加QQ群</a></dd>
                    <dd><a href="#">扫微信群</a></dd>
                </dl>
            </div>
        </div>
    </div>
</body>

</html>